<template>
  <div>
    <el-cascader :props="data"></el-cascader>
  </div>
</template>

<script>
export default {
  data() {
    return {
      data: {
        lazy: true,
        lazyLoad(node, resolve) {
          console.log(node, 'node');
          // 开始执行取到 接口数据里的level
          const { level } = node;
          // 一秒后开始执行
          setTimeout(() => {
            // Array.from将类数组转换为数组.map 
            const nodes = Array.from({ length: level + 1 })
              .map(item => ({
                value: ++id,
                label: `选项${id}`,
                leaf: level >= 2
              }));
            // 通过调用resolve将子节点数据返回，通知组件数据加载完成
            resolve(nodes);
          }, 1000);
        }
      }
    };
  }
}
</script>

<style>
</style>